<template>
  <Svgicon @click="add" icon="Edit" size="40" color="red" />
    <vnode></vnode>
 <div class="aa">
     <h1>我原谅不了我</h1>
 </div>
 <div class="mb-4">

    <el-button plain>Plain</el-button>
    <el-button type="primary" plain>Primary</el-button>
    <el-button type="success" plain>Success</el-button>
    <el-button type="info" plain>Info</el-button>
    <el-button type="warning" plain>Warning</el-button>
    <el-button type="danger" plain>Danger</el-button>
    <Edit style="width: 1em; height: 1em; margin-right: 8px" />
    <Share style="width: 1em; height: 1em; margin-right: 8px" />
    <Delete style="width: 1em; height: 1em; margin-right: 8px" />
    <Search style="width: 1em; height: 1em; margin-right: 8px" />
    <el-icon :size="20">
    <Edit />
  </el-icon>
  <el-icon color="#409efc" class="no-inherit">
    <Share />
  </el-icon>
  <el-icon>
    <Delete />
  </el-icon>
  <el-icon class="is-loading">
    <Loading />
  </el-icon>
  </div>

</template>
<script setup lang='ts'>
import axios from "axios";
import request from "@/utils/request";
import {h} from "vue"
const vnode = h('div',{class:"oo"},[h("h2","你妆都花了")])
const add = async ()=>{
  const res= await axios.request({
      url:"/api",
      method:"get",
    })
    console.log("res==>",res);
    
}

</script>
<style lang='scss' scoped>
.aa{
    width: 200px;
    height: 100px;
    background-color: rgb(67, 236, 132);
    border: none;
    color: rgb(241, 122, 75);
}
</style>